<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title>
    <script src="https://cdn.staticfile.org/vue/3.2.36/vue.global.min.js"></script>
</head>
<body>
    <div id="app">
    <div v-if="type === 'A'">
         A
    </div>
    <div v-else-if="type === 'B'">
      B
    </div>
    <div v-else-if="type === 'C'">
      C
    </div>
    <div v-else>
      Not A/B/C
    </div>
</div>
    
<script>
const app = {
    data() {
    return {
    type: "C" 
    }
    }
    }
 
    Vue.createApp(app).mount('#app')
</script>
</body>
</html>
